@mixin border-1-bottom($borderColor: rgba(0, 0, 0, 0.1)) {
  position: relative;
  &::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform: scaleY(0.5);
    transform-origin: 0 0;
    background-color: $borderColor;
  }
}

@mixin text-overflow($lineNumber: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lineNumber;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
